<template>
  <div>
    <p class="recom-p">周末去哪儿</p>
    <ul class="bot-ul">
      <li v-for="item of list" :key="item.id">
        <p><img :src="item.img" /></p>
        <span class="bot-text1">{{ item.text1 }}</span><br />
        <span class="bot-text2">{{ item.text2 }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
'use strict'
export default {
  name: 'IndeBottom',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .recom-p
    padding 0.3rem 0 0.3rem 0.2rem
    background #F5F5F5
  .bot-ul
    p
      width 100%
      margin-bottom 0.2rem
      img
        width 100%
    span
      display inline-block
      margin-left 10px
    .bot-text1
      font-size 0.32rem
      padding-bottom 0.12rem
    .bot-text2
      color #858585
      padding-bottom 0.4rem
</style>
